<template>
  <div class="status-code">
    <h4>状态码</h4>
    <el-form :model="form" :inline="true">
      <el-form-item label="" class="!w-200px">
        <el-select v-model="form.compare">
          <el-option label="包含" value="包含" />
          <el-option label="不包含" value="不包含" />
          <el-option label="等于" value="等于" />
          <el-option label="不等于" value="不等于" />
          <el-option label="不校验" value="不校验" />
        </el-select>
      </el-form-item>
      <el-form-item label="" class="!w-200px">
        <el-input v-model="form.value" />
      </el-form-item>
    </el-form>
  </div>
</template>

<script setup lang="ts">
import { reactive } from 'vue'
const form = reactive({
  value: '',
  compare: '包含'
})
</script>

<style scoped>
h4 {
  font-weight: 500;
}
</style>
